{% extends 'base.html' %}
	
{# Side Menu Options #}
{% ifequal action "Add" %}
	{% block sidebar %}
	<div class="sidebar">
		<h3>Menu</h3>
		<ul>
	    	<li><a href="/timelines/{{timeline_id}}/events">Alterar Data</a></li>
	  	</ul>
	</div>
	{% endblock %}
{% endifequal %}

{% block content %}
	<script>
		$("#events_menu").addClass("selected");
	</script>  

	<div class="content">
		<h3>{{event.title}}</h3>
			
		{% if message %}
			<p class="message">{{message}}</p>
			<br />
		{% endif %}
		
		<p>Nesta página, você pode incluir recursos que estejam relacionados ao evento adicionado. Para visualizar a Timeline, clique no botão concluir.</p>
	
		{% if asset_form.errors %}
			<p style="color:red;">Algum erro.</p>
		{% endif %}

		<form class="asset_form" name="asset_form" id="asset_form" action="" method="post">
			<input type="hidden" name="timeline_id" id="timeline_id" value={{timeline_id}} />
			<input type="hidden" name="event_id" id="event_id" value={{event_id}} />
			<table>
				{{ asset_form.as_table }}
			</table>
					
			<input type="button" value="Adicionar" class="button" id="add_asset" />
			<input type="button" value="Concluir" class="button" id="view_timeline" />
		</form>
		
		<!-- Exibir lista de eventos existentes?
		{% if event_assets %}
			<br />
			<br />
			
			<div id="display_resources">
				<h4>Mostrar recursos deste evento</h4>	
			</div>
			
			<div class="assets_list">
				<h4>Lista de Recursos</h4>
				<p>Os recursos existentes para este evento encontram-se listados abaixo.</p>
				<p>Clique <a href="" id="hide_resources">aqui</a> para esconder a lista.</p>
			{% for asset in event_assets %}
				<ul>
					<li><div class="display_asset" id={{ asset.id }}>{{ asset }}</div></li>
				</ul>	
			{% endfor %}
		{% endif %}-->
		
		</div>
		
	</div>
{% endblock %}
